//封装分类数据业务相关代码
import { onBeforeRouteUpdate } from 'vue-router';
import { useRoute } from 'vue-router';
import { getCategoryAPI } from '@/apis/category';
import { onMounted, ref } from 'vue';

export function useCategory(){
let categoryData = ref({})
let route=useRoute()

let getCategory=async (id=route.params.id)=>{
  let res = await getCategoryAPI(id)
  // console.log(res)
  categoryData.value=res.result
}
//每次切换 只要重新发送categoey的数据，banner不用
onBeforeRouteUpdate((to)=>{
  console.log('路由变化了')
  // console.log(to)
  //to里是完整的对象，包含fullpath，params什么的
  getCategory(to.params.id)
  //存在问题 使用最新的路由参数请求最新的分类数据，但是route.params.id存在滞后，通过参数to拿到目标路由对象

})

onMounted(()=>{
  getCategory()

})
return {
  categoryData
}
}

